<div>
    <div v-if="filterFields.length > 0" class="filter-group">
        <filter-tree :datas="filterItems" :fields="filterFields">
            <template slot-scope="{ data }">
                <template v-if="Object.is(data.editor, 'namelike')">
                    <input-box 
    v-model="data.namelike"  
    @enter="onEnter($event)"  
      
    :disabled="detailsModel.namelike.disabled" 
    type='text' 
    style="width:100px;">
</input-box>

                </template>
                <template v-if="Object.is(data.editor, 'typeeq')">
                    
<dropdown-list 
    v-model="data.typeeq"
    :data="data"
    :context="context"
    :formState="formState"
    :viewparams="viewparams"
    :localContext='{ }' 
    :localParam='{ }' 
    :disabled="detailsModel.typeeq.disabled"
    valueType="string"
    tag="Type"
    codelistType="STATIC"
    placeholder="请选择..."

></dropdown-list>
                </template>
                <template v-if="Object.is(data.editor, 'typenoteq')">
                    
<dropdown-list 
    v-model="data.typenoteq"
    :data="data"
    :context="context"
    :formState="formState"
    :viewparams="viewparams"
    :localContext='{ }' 
    :localParam='{ }' 
    :disabled="detailsModel.typenoteq.disabled"
    valueType="string"
    tag="Type"
    codelistType="STATIC"
    placeholder="请选择..."

></dropdown-list>
                </template>
                <template v-if="Object.is(data.editor, 'statuseq')">
                    
<dropdown-list 
    v-model="data.statuseq"
    :data="data"
    :context="context"
    :formState="formState"
    :viewparams="viewparams"
    :localContext='{ }' 
    :localParam='{ }' 
    :disabled="detailsModel.statuseq.disabled"
    valueType="string"
    tag="Todo__status"
    codelistType="STATIC"
    placeholder="请选择..."
    style="width:100px;"
></dropdown-list>
                </template>
                <template v-if="Object.is(data.editor, 'statusnoteq')">
                    
<dropdown-list 
    v-model="data.statusnoteq"
    :data="data"
    :context="context"
    :formState="formState"
    :viewparams="viewparams"
    :localContext='{ }' 
    :localParam='{ }' 
    :disabled="detailsModel.statusnoteq.disabled"
    valueType="string"
    tag="Todo__status"
    codelistType="STATIC"
    placeholder="请选择..."
    style="width:100px;"
></dropdown-list>
                </template>
                <template v-if="Object.is(data.editor, 'accounteq')">
                    
<dropdown-list 
    v-model="data.accounteq"
    :data="data"
    :context="context"
    :formState="formState"
    :viewparams="viewparams"
    :localContext='{ }' 
    :localParam='{ }' 
    :disabled="detailsModel.accounteq.disabled"
    valueType="string"
    tag="UserRealName"
    codelistType="DYNAMIC"
    placeholder="请选择..."

></dropdown-list>
                </template>
                <template v-if="Object.is(data.editor, 'begineq')">
                    
<dropdown-list 
    v-model="data.begineq"
    :data="data"
    :context="context"
    :formState="formState"
    :viewparams="viewparams"
    :localContext='{ }' 
    :localParam='{ }' 
    :disabled="detailsModel.begineq.disabled"
    valueType="number"
    tag="BeginendDropList"
    codelistType="STATIC"
    placeholder="请选择..."
    style="width:100px;"
></dropdown-list>
                </template>
                <template v-if="Object.is(data.editor, 'config_typeeq')">
                    
<dropdown-list 
    v-model="data.config_typeeq"
    :data="data"
    :context="context"
    :formState="formState"
    :viewparams="viewparams"
    :localContext='{ }' 
    :localParam='{ }' 
    :disabled="detailsModel.config_typeeq.disabled"
    valueType="string"
    tag="CycleType"
    codelistType="STATIC"
    placeholder="请选择..."
    style="width:100px;"
></dropdown-list>
                </template>
                <template v-if="Object.is(data.editor, 'cycleeq')">
                    <input-box 
  v-model="data.cycleeq"  
  @enter="onEnter($event)"  
  
  :disabled="detailsModel.cycleeq.disabled" 
  type='number' 
   
  style="">
</input-box>

                </template>
                <template v-if="Object.is(data.editor, 'dateeq')">
                    <date-picker type="date" :transfer="true" format="yyyy-MM-dd" placeholder="请选择时间..." :value="data.dateeq" :disabled="detailsModel.dateeq.disabled" style="min-width: 150px; width:100px;" @on-change="(val1, val2) => { this.data.dateeq = val1 }"></date-picker>

                </template>
                <template v-if="Object.is(data.editor, 'dategteq')">
                    <date-picker type="date" :transfer="true" format="yyyy-MM-dd" placeholder="请选择时间..." :value="data.dategteq" :disabled="detailsModel.dategteq.disabled" style="min-width: 150px; width:100px;" @on-change="(val1, val2) => { this.data.dategteq = val1 }"></date-picker>

                </template>
                <template v-if="Object.is(data.editor, 'datelteq')">
                    <date-picker type="date" :transfer="true" format="yyyy-MM-dd" placeholder="请选择时间..." :value="data.datelteq" :disabled="detailsModel.datelteq.disabled" style="min-width: 150px; width:100px;" @on-change="(val1, val2) => { this.data.datelteq = val1 }"></date-picker>

                </template>
                <template v-if="Object.is(data.editor, 'datenoteq')">
                    <date-picker type="date" :transfer="true" format="yyyy-MM-dd" placeholder="请选择时间..." :value="data.datenoteq" :disabled="detailsModel.datenoteq.disabled" style="min-width: 150px; width:100px;" @on-change="(val1, val2) => { this.data.datenoteq = val1 }"></date-picker>

                </template>
                <template v-if="Object.is(data.editor, 'endeq')">
                    
<dropdown-list 
    v-model="data.endeq"
    :data="data"
    :context="context"
    :formState="formState"
    :viewparams="viewparams"
    :localContext='{ }' 
    :localParam='{ }' 
    :disabled="detailsModel.endeq.disabled"
    valueType="number"
    tag="BeginendDropList"
    codelistType="STATIC"
    placeholder="请选择..."
    style="width:100px;"
></dropdown-list>
                </template>
                <template v-if="Object.is(data.editor, 'privateeq')">
                    
<app-checkbox-list 
  v-model="data.privateeq" 
  :data="data" 
  :context="context"
  :viewparams="viewparams" 
  :disabled="detailsModel.privateeq.disabled" 
  :localContext ='{ }' 
  :localParam ='{ }' 
  tag='Private_choose' 
  codelistType='STATIC' 
  mode=""
  name="privateeq" 
  style="width:100px;">
</app-checkbox-list>

                </template>
            </template>
        </filter-tree>
    </div>
    <div class="search-bar-footer">
        <div class="search-bar-action">
            <el-select size="small" v-if="historyItems.length > 0" v-model="selectItem" @change="onFilterChange.apply(_self, arguments)">
                <el-option v-for="item in historyItems" :key="item.value" :label="item.name" :value="item.value"></el-option>
            </el-select>
            <i-button type="primary" @click="onSearch.apply(_self, arguments)">{{ $t('app.searchButton.search') }}</i-button>
            <i-button @click="onReset.apply(_self, arguments)">{{ $t('app.searchButton.reset') }}</i-button>
            <Poptip
                ref="propip"
                trigger="hover"
                transfer
                placement="top-end"
                :title="$t('app.searchForm.custom')"
                :width="250"
                @on-popper-show="openPoper.apply(_self, arguments)"
            >
                <i-button><i class="fa fa-floppy-o" aria-hidden="true"></i></i-button>
                <template slot="content">
                    <div>
                        <i-input v-model="saveItemName" :placeholder="$t('app.searchForm.title')"></i-input>
                        <div class="save-action">
                            <i-button @click="onCancel.apply(_self, arguments)">{{ $t('app.commonWords.cancel') }}</i-button>
                            <i-button type="primary" @click="onOk.apply(_self, arguments)">{{ $t('app.commonWords.save') }}</i-button>
                        </div>
                    </div>
                </template>
            </Poptip>
        </div>
    </div>
</div>